import { FC, SVGProps } from "react";

export const CustomIcon: FC<SVGProps<SVGSVGElement>> = (props) => {
  return (
    <svg
      viewBox="0 0 512 512"
      width="30px"
      height="30px"
      fill="currentColor"
      {...props}
    >
      <path d="M32.554 394.593 0 512l117.407-32.554zm466.32-360.254-21.213-21.213c-17.501-17.501-46.139-17.501-63.64 0l-15.15 15.15 84.853 84.853 15.15-15.15c17.501-17.501 17.501-46.139 0-63.64M356.446 70.698l21.213-21.213 84.851 84.85-21.213 21.214zM106.794 426.412l281.458-281.458 31.82 31.82-281.459 281.458zm-53.023-53.039L335.23 91.915l31.82 31.82L85.59 405.192zm429.676-27.806c-22.075-22.075-52.101-31.349-80.86-27.828l-40.523-40.524-84.853 84.853 40.523 40.524c-2.946 24.059 3.07 49.002 18.037 69.438l89.34-89.34 76.219 76.219c18.748-36.644 12.791-82.668-17.883-113.342" />
      <path d="m403.898 446.33-46.908 46.908c29.95 21.935 69.581 24.64 101.914 8.098zM53.096 10.665l55.006 55.006 46.908-46.909C125.06-3.173 85.43-5.878 53.096 10.665" />
      <path d="M194.266 109.408c2.946-24.059-3.07-49.002-18.037-69.438l-89.34 89.34L10.67 53.091C-8.078 89.735-2.121 135.759 28.552 166.433c22.076 22.075 52.102 31.349 80.861 27.828l40.523 40.523 84.853-84.853z" />
    </svg>
  );
};
